@keyframes scroll-left {
          0% {
                    transform: translateX(100%);
          }

          100% {
                    transform: translateX(-178%);
          }
}
.dabox {
          width: 100%;
          height: 100%;
          .dingbu{
                    top: 0px;
                    width: 100%;
                    height: 40px;
                    background-color: rgb(30, 111, 255);
                    display: flex;
                    line-height: 40px;
                    padding: 0 10px;
                    color: aliceblue;
                    :nth-child(2) {
                              font-size: 20px;
                              font-weight: 600;
                    }
          }
          .zhongjian {
                    overflow: auto;
                    width: 100%;
                    height: 87%;
                    background-color: #f8f8f8;
                    position: relative;
                    padding-top: 40px;
                    .zhongyi {
                              position: absolute;
                              top: -40px;
                              width: 100%;
                              height: 80px;
                              background-color: rgb(30, 111, 255);
                              border-radius: 80px;
                    }
                    .zhonger {
                              z-index: 1;
                              width: 94%;
                              height: 40px;
                              border-radius: 5px;
                              background-color: rgb(255, 255, 255);
                              margin-left: 3%;
                              line-height: 40px;
                              font-size: 15px;
                              padding: 0 10px;
                              color: #6b6b6b;
                              position: absolute;
                              top: 0px;
                              box-shadow: 0 4px 6px -2px rgba(0, 0, 0, 0.1);

                    }
                    .zhongsan {
                              width: 94%;
                              height: 20px;
                              background-color: rgb(254, 245, 239);
                              /* border: 1px solid orange; */
                              margin-left: 3%;
                              margin-top: 10px;
                              line-height: 20px;
                              display: flex;
                              border-radius: 3px;
                              padding: 0 5px;

                              .laba {

                                        width: 8%;
                                        height: 100%;
                              }
                              .neirong {

                                        width: 92%;
                                        height: 100%;
                                        overflow: hidden;
                                        .gundonga {

                                                  white-space: nowrap;
                                                  color: rgb(251, 138, 64);
                                                  text-overflow: ellipsis;
                                                  animation: scroll-left 10s linear infinite;
                                        }
                              }
                    }
                    .zhongsi{
                              margin-top: 10px;
                              width: 100%;
                              height: 130px;
                              /* background-color: aqua; */
                              display: flex;
                              
                              div{
                                        /* width: 25%;
                                        height: 100px;
                                        margin: 15px;
                                        background-color: #fff; */
                                        flex-grow: 1;
                                        margin: 10px;
                                        background-color: #ffffff;
                                        border-radius: 10px;
                                        
                              }
                    }
                    
                    /* 科室分类选择器样式 */
                    .departmentSelector {
                              width: 100%;
                              padding: 15px 0;
                              background-color: #fff;
                              border-bottom: 1px solid #f0f0f0;
                    }
                    
                    .departmentScroll {
                              display: flex;
                              overflow-x: auto;
                              padding: 0 15px;
                              gap: 10px;
                              /* 隐藏滚动条 */
                              scrollbar-width: none;
                              -ms-overflow-style: none;
                              &::-webkit-scrollbar {
                                        display: none;
                              }
                    }
                    
                    .departmentItem {
                              flex-shrink: 0;
                              padding: 8px 16px;
                              background-color: #f5f5f5;
                              border-radius: 20px;
                              font-size: 14px;
                              color: #666;
                              cursor: pointer;
                              transition: all 0.3s ease;
                              white-space: nowrap;
                              
                              &:hover {
                                        background-color: #e8e8e8;
                              }
                    }
                    
                    .departmentActive {
                              background-color: #1677ff !important;
                              color: #fff !important;
                    }
                    .liebiao{
                              width: 100%;
                              /* height: 500px; */
                              /* background-color: aqua; */
                              .doctor{
                                        width: 100%;
                                        height: 150px;
                                        background-color: rgb(255, 255, 255);
                                        margin-bottom: 5px;
                                        display: flex;
                                        .toxiang{
                                                  flex: 1;
                                                  /* background-color: yellow; */
                                                  .img{
                                                            width: 70px;
                                                            height: 70px;
                                                            /* background-color: aqua; */
                                                            border-radius: 50%;
                                                            overflow: hidden;
                                                            
                                                  }
                                        }
                                        .neirong{
                                                  flex: 5;
                                                  /* background-color: rgb(171, 171, 228); */
                                                  div{
                                                            margin: 5px;
                                                  }
                                                  .zixun{
                                                            display: flex;
                                                            .one{
                                                                      flex: 5;
                                                                      /* background-color: bisque; */
                                                                      color: red;
                                                                      line-height: 40px;
                                                            }
                                                            .two{
                                                                      flex: 2;
                                                                      /* background-color: aqua; */
                                                            }
                                                  }
                                        }
                              }
                    }
          }
          .dibu {
                    position: absolute;
                    bottom: 0;
                    width: 100%;
                    height: 7%;
                    background-color: rgb(255, 255, 255);
          }
}